.login-container {
  position: relative;
  color: $color-white;
  @include full-size;
  @include backgroundImage('~@/assets/images/login_bg.png');

  .login-form {
    width: 300px;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    padding: 28px 50px 35px;
    background-color: #1c2041;
    box-shadow: 0 0 40px 10px rgba(37,35,136,25%);
    border-radius: $border-radius-large;
    border-left: 1px solid #333f77;
    border-right: 1px solid #333f77;

    &-title {
      font-size: 26px;
      margin: 0px auto 40px auto;
      text-align: center;
      font-weight: bold;
    }

    &-forgot {
      float: right;
    }

    &-button {
      width: 100%;
    }

    .ant-form-item {
      color: $color-white;
    }

    .ant-checkbox+span {
      color: $color-white;
    }

    .ant-input-outlined {
      color: $color-white;
      height: 47px;
      background: transparent;
      caret-color: $color-white;

      .ant-input::-webkit-input-placeholder {
        color: $color-white-gray;
      }
    }

    .ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
      background: transparent;

      .ant-input::-webkit-input-placeholder {
        color: $color-danger;
      }
    }

    .site-form-item-icon {
      font-size: 24px;
    }
  }
}